html,body{background:#f8f8f8; color:#181818; padding:18px 0; font-size:14px;}
a{color:#181818;}
a:hover{color:#2271b1;}
h1,h2,h3,h4,h5,h6{font-weight:bold; color:#434656;}
main.install{background:#fff; width:888px; margin:0 auto; border-radius:3px; overflow:hidden; border:1px solid #d8d8d8;}

section.logo{text-align:center; margin-bottom:28px;}
section.logo img{max-width:212px;}

header.head{height:38px; line-height:38px; margin:28px 28px 0 28px;}
header.head:after{display:block; content:''; clear:both;}
header.head strong{float:left; font-size:22px; margin-right:8px;}
header.head b{float:left; font-size:18px; font-weight:normal;}
header.head span{float:right; font-size:14px;}
header.head p{float:right; font-size:14px;}

.next{text-align:center; margin-top:28px;}
.next:after{display:block; content:''; clear:both;}
.next button,
.next a{display:inline-block; line-height:22px; text-align:center; padding:4px 28px; border:1px solid #d8d8d8; cursor:pointer; border-radius:3px; font-size:14px;}
.next button:last-child,
.next a:last-child{margin-left:18px;}
.next button.up,
.next a.up{background:#fff; float:left;}
.next button.up:hover,
.next a.up:hover{background:#F7F9FF;}
.next button.down,
.next a.down{background:#2271b1; border-color:#2271b1; color:#fff; float:right;}
.next button.down:hover,
.next a.down:hover{background:#2271b1cc}
.next button.admin,
.next a.admin{background:#2271b1; color:#fff;}
.next button.admin:hover,
.next a.admin:hover{background:#2271b1cc;}
.next button .fa-spinner{animation:turn 0.8s linear 0s infinite; margin-right:4px;}

section.license{position:relative; padding:28px;}
section.license .content{height:578px; overflow:auto; line-height:1.8; background:#f8f8f8; border-radius:3px; padding:18px; border:1px solid #d8d8d8;}
section.license svg{margin-bottom:8px;}
section.license p.licence{margin-top:8px; }
section.license p.licence a{color:#2271b1; text-decoration:underline; display:inline-block;}
 
.step{display:block;}
.step ul{display:block; } 
.step ul:after{display:block; content:''; clear:both;}
.step ul li{float:left; width:33.33333%; text-align:center; position:relative; line-height:48px; }
.step ul li:before{display:block; content:''; height:8px; background:#d8d8d8;}
.step ul li:first-child:before{border-radius:8px 0 0 8px;}
.step ul li:last-child:before{border-radius:0 8px 8px 0;}
.step ul li.in:before,
.step ul li.on:before{background:#2271b1;}
.step ul li.in:after,
.step ul li.on:after{position:absolute; width:20px; height:20px; border:7px solid #2271b1; border-radius:50%; top:-6px; margin-left:-10px; left:50%; background:#fff; content:'';}
.step ul li.on{ }

section.check{padding:28px;}
section.check .table{margin-top:28px;}
section.check .table h2{font-size:16px;}

section.check .table table{margin:14px 0; width:100%;  display:table;}
section.check .table th{border:1px solid #e0e0e0; padding:8px 0 8px 16px; background:#f8f8f8;}
section.check .table td{border:1px solid #e0e0e0; padding:8px 0 8px 16px; background:none;}
section.check .table:first-child{border-top:none;}
section.check .table th:nth-child(1),
section.check .table td:nth-child(1){width:33.333%;}
section.check .table th:nth-child(2),
section.check .table td:nth-child(2){width:33.333%;}
section.check .table th:nth-child(3),
section.check .table td:nth-child(3){width:33.333%; text-align:center;}
section.check .table .fa-times{color:#F13B66;}
section.check .table .fa-check{color:#27C196;}

section.database{padding:38px 28px;}
section.database h3{font-size:15px; padding:18px 0 8px 0; display:block;}
section.database .hint{border:1px solid #d8d8d8; border-radius:3px; padding:16px; background:#f8f8f8; margin:16px 0;}
section.database .box{ display:block;}
section.database code.input input{font-size:14px; padding:6px 12px; border-radius:3px; border:1px solid #d8d8d8; background:#fcfcfc; line-height:24px; height:38px;}
section.database code.checkbox ins{font-size:14px; line-height:38px;}
section.database code.checkbox i{border-color:#b8b8b8;}
section.database dl{padding:8px 0;}
section.database dl:after{display:block; content:''; clear:both;}
section.database dl dt{float:left; width:24%; line-height:38px;}
section.database dl dd{float:left; width:76%;}
section.success{padding:38px 28px;}
section.success .yes{padding:36px; background:#fff; margin:28px 0; border-radius:3px;}
section.success .yes span{display:block; text-align:center; font-size:21px; font-weight:bold; margin-top:28px;}
section.success .yes p{text-align:center; margin-top:18px;} 
section.success .link{text-align:center; font-size:15px;}
section.success .link b{display:inline-block;}
section.success .link a{color:#2271b1; margin:0  0 0 18px; display:inline-block; text-decoration:underline;}
section.success .link a:hover{text-decoration:none;}

@keyframes turn{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}

h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; text-align:center; user-select:none; pointer-events:none;}
h6.alert>b{display:inline-block; color:#fff; max-width:320px; background:rgb(255,98,76); text-align:left; box-shadow:0 0 18px rgba(0,0,0,.08); border-radius:3px; padding:8px 22px; font-size:16px; font-weight:normal;}
h6.alert.red>b{background:rgb(255,98,76);}
h6.alert.green>b{background:rgb(29,213,111);}
h6.alert.brown>b{background:#a5692d;}
h6.alert.yellow>b{background:#ffd700;} 
h6.alert.blue>b{background:rgb(56,129,245);}
h6.alert.gold>b{background:linear-gradient(to right bottom,#ffd700,#edc86c);}